@charset "utf-8";
/* CSS Document */
html,body {font-size:16px;margin:0;padding:0;font-family: "微软雅黑";color:#333;background:#FFF;letter-spacing:0.5px;}
.center  {text-align:center}
ul,li,dl,dt,dd,form {margin:0;padding:0;list-style-type:none;}
a:link,a:visited {color:#333;text-decoration:none}
a:hover,a:active {color:#0084B9}

a.navlink:link,a.navlink:visited {color:#fff;text-decoration:none;padding:15px 20px;font-size:16px;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#fff;text-decoration:none;border-bottom:2px solid #ffc000;}
.pagination a{ border:1px solid #f1f1f1; padding:10px 15px;}
.pagination{ margin-bottom:80px  !important; margin-top:40px !important;}
.current{ margin-bottom:80px  !important; margin-top:40px !important; background:#7fa7dd; border:1px solid #7fa7dd;    margin-right: 5px; padding:10px 15px; color:#fff;}
.pre{ width:50%; float:left; text-align:left;}
.next{ width:50%; float:right; text-align:right;}
.sbpiinms{ width:90%; margin:0 auto; text-align:left; padding:20px 30px; background:#f1f1f1}
.sbpiin{ text-align:center; margin:40px auto; width:100%; }
.footerbq{ width:100%; margin:0 auto; background:#293e52;}
.footerbq-main{ width:1200px; margin:0 auto; color:#9ca4ac; font-size:14px;}
.contactfoot img{ margin-top:0px;}
.contactfoot{ width:40%; float:left}
.footnav{ float:left; margin-top:10px; }
.footnav li{ float:left; width:18%;}
.wsubnav209 a{ float:left; width:100%; font-size:14px; color:#8f969d !important;}
.footnav li a{ color:#fff; }
.footerweima{ float:right; width:12%; text-align:right;}
.ecase292 .icon {
    background: url(../images/icon292.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.footerweima img{ width:140px; height:140px;}
.ecase292 .w292 {
    width: 100%;
    margin: 0 auto;
}
.ecase292 {
    width: 100%;
}
.ecase292 {
    background: #fff;
    overflow: hidden;
}
.ecase292 .ec292 {
    
    position: relative;
    height: 580px;
}
.ecase292 .ec292 .hdtit {
    padding: 30px 0;
}
.ecase292 .ec292 .hdtit ul {
    margin: 0 auto;
    text-align: center;
+width:280px;
}
.ecase292 .ec292 .hdtit li {
    margin-right: 30px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
+display: inline;
+float: left;
}
.ecase292 .ec292 .hdtit li a {
    display: block;
    border: 1px solid #ccc;
    padding: 0 12px;
}
.ecase292 .ec292 .hdtit li a:hover, .ecase292 .ec292 .hdtit li.hover a {
    border: 1px solid #fe0101;
    background: #fe0101;
    color: #fff;
}
.ecase292 .ec292 .vistbox {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 660px;
}
.ecase292 .ec292 .txtbox {
    padding-top: 25px;
    position: relative;
    z-index: 3;
}
.ecase292 .ec292 .btn {
    width: 100%;
    z-index: 99999;
    height: 20px;
    position: absolute;
    margin-left: -55px;
    margin-top: -120px;
}
.ecase292 .ec292 .btn img {
    display: block;
    width: 110px;
    height: 230px;
    margin-left: 50px;
    margin-bottom: 90px;
}
.ecase292 .ec292 .btn span {
    display: inline-block;
    width: 66px;
    height: 120px;
    margin-left: 14px;
    cursor: pointer;
}
.ecase292 .ec292 .btn .sprev {
    background-position: 0px 0;
}

.ecase292 .ec292 .btn .cur.sprev {
    background-position: -0px -130px;
}

.ecase292 .ec292 .btn .snext {
    background-position: -110px 0;
}
.ecase292 .ec292 .btn .cur.snext {
    background-position: -110px -130px;
}
#snext { position:absolute; margin-left:500px;}
.ecase292 .title {
    text-align: center;
    width: 100%;
    background: url(../images/line292.png) no-repeat center bottom;
    padding-bottom: 30px;
}
.ecase292 .title h3 {
    font-size: 24px;
    font-weight: normal;
    display: block;
    line-height: 30px;
    color: #000;
    text-align: center;
}
.ecase292 .title h4 {
    color: #999;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
    font-weight: normal;
    line-height: 40px;
}

.ecase292 .slidebanner {
    width: 100%;
    margin: 0 auto;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.ecase292 .slidebanner .game163 {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.ecase292 .slidebanner .bigImg {
    overflow: hidden;
    position: relative;
    width: 992px;
    height: 450px;
}
.ecase292 .slidebanner .bigImg a {
    display: block;
}
.ecase292 .slidebanner .bigImg li {
    position: relative;
}
.ecase292 .slidebanner .bigImg li .img {
  
    width: 600px;
    height: 450px;
}
.game163 .bigImg li img {
    width: 600px;
    height: 450px;
}
.ecase292 .slidebanner .bigImg .txt {
    position: absolute;
    top: 65px;
    left: 0;
    width: 380px;
    height: 438px;
    background: url(../images/bg292.png) repeat left top;
}
.ecase292 .slidebanner .bigImg .txt a {
    padding: 30px;
    color: #fff;
}
.ecase292 .slidebanner .bigImg .txt h5 {
    font-size: 30px;
    display: block;
}
.ecase292 .slidebanner .bigImg .txt s {
    display: block;
    width: 68px;
    height: 1px;
    background: #fff;
    margin: 34px 0;
}
.ecase292 .slidebanner .bigImg .txt p {
    line-height: 24px;
    padding: 12px 0 0;
    height: 222px;
    overflow: hidden;
}
.ecase292 .slidebanner .bigImg .txt span {
    display: block;
    margin-top: 10px;
}
.ecase292 .slidebanner .smallscroll {
  position: inherit;
    right: 0;
    bottom: 0;
    width: 560px;
    height: 126px;
    z-index: 10;
    margin-left: 40px;
    margin-top: 10px;
}
.ecase292 .slidebanner .smallimg {
    width: 600px;
    position: relative;
    overflow: hidden;
    height: 126px;
}
.ecase292 .slidebanner .smallimg ul li {
    float: left;
    width:160px  !important;
    height: 126px;
    display: block;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}
.ecase292 .slidebanner .smallimg ul li img {
    height: 124px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    width: 160px;
    border: 1px solid #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.ecase292 .slidebanner .smallimg ul li.on img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border: 1px solid #da0000;
}




.indexnewmore{ width:60px; float:right; margin-top:-30px;}
.botthang{ width:1200px; margin:0 auto;}
.bottleft{ width:50%; float:left}
.bottright{ width:50%; float:right;}
.shilitit{     font-size: 18px;
    color: #ffc000;
    line-height: 20px !important;
    padding-top: 30px; }
.shilitit p{ font-size:16px;line-height: 20px ;color:#fff;}
.indexabtit{ font-size:26px !important; font-weight:bold; color:#3c4b5a;border-bottom:1px solid #d7dbe0;}
.indexabtit i{     height: 3px;
    width: 50px;
    display: block;
    background: #ffc000;
    margin-top: 10px;}
.indexabtiten{ font-size: 60px;
    font-weight: bold;
    color: #f0f1f2;
    position: absolute;
    margin-top: -40px;
    margin-left: 120px;}
.indexabtitenxw{ font-size: 60px;
    font-weight: bold;
    color: #f0f1f2;
    position: absolute;
    margin-top: -70px;
    margin-left: 120px;}	
.gengduo{ width:100%; text-align:center;}
.gengduo a{ margin: 0 auto;width:150px; height:40px; line-height:40px; background:#ffc000; color:#1e4b7b; display:block; border-radius:50px;}

/* 颜色 */
.p188 .main188 .con188 .menu188 .list188 .item188 {
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background-color: #f4f4f4;
    border: 1px solid #f1efef;
    margin: 0 8px;
    border-radius: 6px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.p188 .main188 .con188 .menu188 .list188 .item188 a {
    font-size: 14px;
    color: #666;
    text-align: center;
    display: block;
}
.p188 .main188 .con188 .menu188 .list188 .item188:hover {
    background-color: #51d0ff;
    color: #FFFFFF;
}
.p188 .main188 .con188 .menu188 .list188 .item188:hover a {
    color: #FFFFFF;
}
.p188 .main188 .con188 .menu188 .list188 .item188.hover {
    background-color: #51d0ff;
    color: #FFFFFF;
}
.p188 .main188 .con188 .menu188 .list188 .item188.hover a {
    color: #FFFFFF;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li p {
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
	margin:0px;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li:hover p {
    color: #51d0ff;
}
.p188 .main188 .con188 .pro188 .bd188 ul li a .txt188 .stit {
    padding-top: 220px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    transition: all ease-in-out .2s;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
}
.p188 .main188 .con188 .pro188 .bd188 ul li:hover a .txt188 .stit {
    padding-top: 160px;
    transition: all ease-in-out .2s;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
}
/* 颜色 end*/
.w188 {
    width: 1200px;
    margin: 0 auto;
}
.p188 {
    margin-top:30px;
}
.p188 .main188 .con188 .menu188 {
    margin-bottom: 42px;
}
.p188 .main188 .con188 .menu188 .list188 {
    padding: 0;
    text-align: center;
}
.p188 .main188 .con188 .menu188 .list188 .item188:last-child {
    margin-right: 0px;
}
.p188 .main188 .con188 .pro188 {height: 300px;
}
.p188 .main188 .con188 .pro188 .bd188 {
    position: relative;
    overflow: hidden;
    height: 260px;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 {
    width: 104%;
    overflow: hidden;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li {
    position: relative;
    float: left;
    display: block;
    width: 290px;
    height: 290px;
    margin-right: 13px;
    cursor: pointer;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li a {
    display: block;
    width: 288px;
    height: 290px;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li img {
    margin: 0 auto;
    display: block;
	border-radius:10px;
    height: 218px;
    width: 290px;
}
.p188 .main188 .con188 .pro188 .hd188 {
    width: 100px;
    top: -370px;
	margin-left:480px;
    position: relative;
    padding-bottom: 80px;
	z-index:9999999999999;
}
.p188 .main188 .con188 .pro188 .hd188 .prev {
    position: absolute;
    left: 490px;
    top: -0px;
    display: block;
    width: 72px;
    height: 32px;
    background-position: -0px -0px;
    cursor: pointer;
}
.p188 .main188 .con188 .pro188 .hd188 .next {
    position: absolute;
    right: -540px;
    top: -0px;
    display: block;
    width: 72px;
    height: 32px;
    background-position: -80px -0px;
    cursor: pointer;
}
.p188 .main188 .con188 .pro188 .hd188 .prev:hover {
    opacity: 0.8;
    background-position: -160px -0px;
}
.p188 .main188 .con188 .pro188 .hd188 .next:hover {
    opacity: 0.8;
    background-position: -240px -0px;
}
.p188 .main188 .con188 .pro188 .hd188 .more188 {
    position: absolute;
    left: 570px;
    top: -0px;
    display: block;
    width: 61px;
    height: 32px;
    background-position: -0px -76px;
    cursor: pointer;
}
.p188 .main188 .con188 .pro188 .hd188 .more188:hover {
    opacity: 0.8;
    background-position: -80px -76px;
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li a .More {
    margin-top: 32px;
    margin-left: 60px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li:hover a .More {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.p188 .main188 .con188 .pro188 .bd188 .list188 li a .More i {
    background-position: -30px -300px;
    width: 12px;
    height: 7px;
    margin-top: -17px;
    margin-left: 100px;
    float: left;
}
.p188 .main188 .con188 .pro188 .bd188 ul li:hover a .bg188 {
    display: block;
    z-index: 999;
    position: relative;
    opacity: 1;
}
.p188 .main188 .con188 .pro188 .bd188 ul li a .txt188 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 290px;
    height: 290px;
    z-index: 1000;
}
.p188 .main188 .con188 .pro188 .bd188 ul li a .txt188 s {
    width: 54px;
    height: 54px;
    background-position: 0px -270px;
    position: absolute;
    left: 145px;
    top: 80px;
    margin-left: -20px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.p188 .main188 .con188 .pro188 .bd188 ul li:hover a .txt188 s {
    opacity: 1;
}
.p188 .main188 .con188 .pro188 .bd188 ul li a .bg188 {
    width: 290px;
    height: 218px;
    background: rgba(0,0,0,0.3);
    background-size: 290px 218px;
    opacity: 0;
    margin-top: -288px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.p188 .icon188 {
    background: url(../images/icon188.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}



.ywfw-main{ width:100%; float:left; margin-bottom: 40px;}
.ywfw ul li{ float:left; text-align:center;width: 16.5%; }
.ywfw h3{ font-weight:bold; font-size:18px; color:#1e4b7b;}
.ywfw{ width:1200px; margin:80px auto;}
.ywfw-tit{ font-size:26px; font-weight:bold; color:#1b324b; text-align:center;}
.ywfw-tit p{ text-align:center; font-size:18px; font-weight:normal;}
.ywfw-tit i{    display: block; width:40px; height:4px; margin:12px auto; background:#ffc000; margin-bottom:30px;}
.indpro{ width:100%; margin:0 auto; float:left; height:529px; background:url(../images/indprob.jpg) top center no-repeat;}
.pro-tit{ margin-top: 50px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #737d88;}
.pro-tit i{    display: block; width:40px; height:4px; margin:12px auto; background:#ffc000; margin-bottom:30px;}

.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}
.floatleft {float:left}
.floatright {float:right}
.red {color:#ED292A}
#myTop {width:1200px;margin:0 auto;}
#myTop dt {width:600px;float:left;height:70px;line-height:70px;color:#666}
#myTop dd {width:600px;float:right;text-align:right;height:50px;line-height:50px;color:#666;margin-top:10px;}
#myTop dd span {font-weight:bold;font-size:18px}
#myTop dd span img {margin-bottom:-3px;}
/**
#header {width:1200px;margin:10px auto;overflow:hidden}
#header dt {width:500px;float:left;padding:17px 0}
#header dd {width:600px;float:right;padding:17px 0;}
#header dd div {width:240px;float:left;background:url(../images/tel.png) no-repeat left center;height:56px;padding-left:40px;font-size:18px;color:333}
#header dd div span {display:block;font-size:24px;color:#F77C03;font-weight:bold}
#header dd form {width:300px;float:right;padding-top:15px;}
.sipt {width:200px;height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}
#header dd  img {display:none}

@media screen and  (max-width:1024px) {
#header {width:100vw;margin:10px auto;overflow:hidden;overflow:hidden}
#header dt {width:45vw;float:left;padding:17px 0}
#header dd {width:55vw;float:right;padding:17px 0;}
#header dd form {width:calc(55vw - 290px);float:right;padding-top:15px;margin-right:10px}
.sipt {width:calc(55vw - 384px);}
.sbtn {height:34px}
}
@media screen and  (max-width:992px) {
#header {width:100vw;}	
#header dt {width:500px;float:left;padding:0}
#header dd {width:600px;float:right;padding:0;}

#header dd div,#header dd form {display:none}
#header dd  img {display:block;float:right;margin-top:-40px;margin-right:10px}
}
@media screen and  (max-width:350px) {
#header dt img {height:45px;width:auto}
#header dd  img {display:block;float:right;margin-top:-35px;margin-right:10px}

}

**/
#nav {    width: 100%;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    background: rgba(39,48,58,0.7);
    height: 100px;
    position: absolute;
    z-index: 999999999999;}
#nav .nav-main {width:1300px;overflow:hidden;margin:0 auto}
#nav .nav-main label {width:300px;float:left;display:block;;padding:20px 0;}
.nav-tel{ width:400px; float:right; margin-top:5px; color:#ffc000; font-size:28px; font-weight:bold; text-align:right;}
.nav-tel img{ margin-right:10px;}
.mobNav {display:none}

#nav ul {width:790px;margin:0 auto;overflow:hidden;float:right}
#nav li {width:110px;float:left;text-align:center;height:58px;line-height:58px;;}
#nav li div {position:absolute;width:200px;background-color:#308AC9;display:none;z-index:1000;margin-left:-40px}
#nav li div a:link,#nav li div a:visited {display:block;color:#FFF;height:50px;line-height:50px;border-top:1px solid #00A0E9}
#nav li div a:hover,#nav li div a:active {background:#00A0E9;color:#FFF;}
@media screen and  (max-width:1024px) {
	
#myTop {width:98vw;margin:0 auto;}
#myTop dt {width:49vw;height:50px;line-height:50px;color:#666;}
#myTop dd {width:49vw}
#nav div {width:100vw;}
#nav div label {width:300px;float:left;display:block;;padding:20px 0;}
#nav ul {width:calc(100vw - 360px);margin:0 auto;overflow:hidden;}
#nav li {width:calc((100vw - 360px) / 6);float:left;text-align:center;}
#nav li div {position:absolute;width:calc((100vw - 360px) / 6);background-color:#308AC9;display:none;z-index:1000;margin-left:0}
}
@media screen and  (max-width:992px) {
#myTop {width:95vw;margin:0 auto;}
#myTop dt {width:100%;float:none;height:50px;line-height:50px;color:#666;}
#myTop dd {display:none}

#nav div {width:100vw;overflow:hidden;margin:0 auto}
#nav div label {width:100vw;float:none;display:block;;padding:20px 0;}
.mobNav {display:block;float:right;margin-right:10px;margin-top:10px;}
#nav ul {position:fixed;height:100vh;top:0;z-index:9999999999991000;background:#476299;width:0vw}
#nav li {width:100%;height:auto;line-height:normal;float:none;text-align:center;border-bottom:1px solid #0084B9;}
#nav li div {position:relative;width:100%;background-color:#5b77ae;display:block;font-size:14px;border:0px solid #3391CE;margin-left:0px}
#nav li div a:link,#nav li div a:visited {display:block;color:#FFF;height:40px;line-height:40px;border-top:1px solid #0084B9;background:url(../images/li2.png) no-repeat calc(30vw - 60px) center;text-align:center;padding-left:10px}
#nav li div a:hover,#nav li div a:active {background:#00A0E9;color:#FFF;}

a.navlink:link,a.navlink:visited {color:#FFF;text-decoration:none;display:block;padding:0;height:50px;line-height:50px;;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#FFF;background:#476299;border-bottom:0}

}
.swiper-pagination span{height: 10px;width: 10px;-webkit-border-radius: 5px;border-radius: 5px}

.i_b_title1{width:100%;text-align:center;margin:20px auto;font-size:35px;color:#4E925F}
.i_s_title {width:100%;margin:0 auto;text-align:center;font-size:16px;color:#868885}
#i_pro_Type {width:100%;margin:20px auto;overflow:hidden;text-align:center;}
#i_pro_Type a:link,#i_pro_Type a:visited {padding:10px 35px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:16px;color:#666}
#i_pro_Type a:hover,#i_pro_Type a:active,#i_pro_Type a.cur_Type:link,#i_pro_Type a.cur_Type:visited{background:#2DB7F5;color:#FFF}
#i_pro_List{ width:100%; float:left}
#i_pro_List ul {width:1200px;margin:10px auto;overflow:hidden}
#i_pro_List li {width:290px;float:left;margin:10px 5px;text-align:center}
#i_pro_List li:hover {box-shadow: 0 0 8px 2px #eee;}
#i_pro_List li div {height:45px;line-height:45px;background:#F5F5F5}
#i_pro_List li span {display:block;height:240px;overflow:hidden}
#i_pro_List li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#i_pro_List li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}
#i_pro_List li a:link,#i_pro_List li  a:visited{color:#2DB7F5;display:block;}
#i_pro_List li a:hover,#i_pro_List li  a:active{color:#FFF;}
#i_pro_List li:hover a div {background:#2DB7F5}
#i_more {width:100%;overflow:hidden;height:50px;;text-align:center;margin:0 auto}
a.i_more:link,a.i_more:visited {padding:5px 40px;display:inline-table;background:#ffc000;color:#1e4b7b;font-size:16px;border-radius:20px; margin-top:20px;}
@media screen and  (max-width:1024px) {
.i_b_title1{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#4E925F}
#i_pro_Type a:link,#i_pro_Type a:visited  {padding:6px 15px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:14px;color:#666}
#i_pro_List ul {width:100vw}
#i_pro_List li {width:24vw;margin:10px 0.5vw;}
#i_pro_List li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}

#i_pro_List li img {width:24vw;height:calc(24vw * 240 / 290)}
#i_pro_List li div {height:35px;line-height:35px;margin-top:10px}
}

@media screen and  (max-width:700px) {
.i_b_title1{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#4E925F}
#i_pro_Type a:link,#i_pro_Type a:visited  {padding:6px 15px;border:1px solid #DDD;margin:5px;display:inline-table;font-size:14px;color:#666}
#i_pro_List ul {width:100vw}
#i_pro_List li {width:45vw;margin:10px 2.5vw;}
#i_pro_List li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}

#i_pro_List li img {width:45vw;height:calc(45vw * 240 / 290)}
#i_pro_List li div {height:35px;line-height:35px;margin-top:10px}
}


.i_b_title2{width:100%;text-align:center;margin:20px auto;font-size:35px;color:#1D98A8}
#i_about {width:1200px;margin:20px auto;overflow:hidden; padding-top:60px;}
#i_about dt {width:600px;float:right}
#i_about dd {width:580px;float:left;}
#i_about dd{line-height:2em;font-size:16px;color:#243549;height:300px;}
#i_about dd ul {width:100%;overflow:hidden;margin:20px auto}
#i_about dd li {width:33%;float:left;color:#999}
#i_about dd li span {font-size:35px;font-weight:bold;color:#0185CD}
@media screen and  (max-width:1024px) {
.i_b_title2{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#1D98A8}
#i_about  {width:100vw;}	
#i_about dt {width:49vw;margin:0 0.5vw}
#i_about dt img {width:100%;height:auto}
#i_about dd {width:49vw;margin:0 0.5vw}
#i_about dd div {line-height:2em;font-size:16px;color:#666;height:calc((49vw * 605) / 806 - 150px);overflow:hidden;}

}

@media screen and  (max-width:700px) {
.i_b_title2{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#1D98A8}
#i_about  {width:100vw;}	
#i_about dt {width:96vw;float:none;margin:0 auto}
#i_about dt img {width:100%;height:auto}
#i_about dd {width:96vw;float:none;margin:0 auto;height: 420px;}
#i_about dd div {height:auto;line-height: 1.5em;}
}
#ad {    width: 100%;
    height: 260px;
    margin: 0 auto;
    padding-top: 30px;
    margin-bottom: 200px;
    background: #f1f1f1;}
#ad dl {width:1200px;margin:0 auto}
#ad dt {width:1000px;float:left}
#ad dd {width:200px;float:right;}
#ad dt span {display:block;height:60px;line-height:60px;font-size:30px;color:#64C5FF;font-weight:bold;margin-top:30px;}
#ad dt div {color:#FFF;font-size:25px;margin-top:15px;}
#ad dd div {width:202px;height:57px;background:url(../images/zxbg.png);line-height:57px;text-align:center;font-size:22px;color:#10479F;font-weight:bold;margin-top:60px;}
.i_b_title3{width:100%;text-align:center;margin:20px auto;font-size:35px;color:#8471CA}
#i_pro_Lists ul {width:1200px;margin:10px auto;overflow:hidden}
#i_pro_Lists li {width: 280px;
    float: left;
    margin: 10px 10px;
    text-align: center;}
#i_pro_Lists li div {border-bottom-right-radius: 30px;    border-bottom-left-radius: 30px;height:115px;line-height:45px;background:#205085}
#i_pro_Lists li:hover {box-shadow: 0 0 8px 2px #eee;}
#i_pro_Lists li span {display:block;height:240px;overflow:hidden;border-top-right-radius: 30px;
    border-top-left-radius: 30px;}
#i_pro_Lists li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#i_pro_Lists li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

#i_pro_Lists li a:link,#i_pro_Lists li  a:visited{color:#2DB7F5;display:block;}
#i_pro_Lists li a:hover,#i_pro_Lists li  a:active{color:#FFF;}
#i_pro_Lists li:hover a div {background:#2DB7F5}
@media screen and  (max-width:1024px) {
.i_b_title3{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#8471CA}
#i_pro_Lists ul  {width:100vw;}	
#i_pro_Lists li {width:24vw;float:left;margin:10px 0.5vw;text-align:center}
#i_pro_Lists li img {width:24vw;height:calc(24vw * 240 / 290)}
#i_pro_Lists li div {height:35px;line-height:35px;margin-top:10px}
#i_pro_Lists li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}


#ad {width:100%;height:150px;margin:0 auto;background:url(../images/ad2.jpg) repeat-x top center}
#ad dl {width:100vw;margin:0 auto;overflow:hidden}
#ad dt {width:90vw;overflow:hidden;margin:10px auto;float:none;clear:both;}
#ad dd {width:100vw;float:none;}
#ad dt span {display:block;height:auto;line-height:20px;font-size:18px;color:#64C5FF;font-weight:bold;margin-top:10px;}
#ad dt div {color:#FFF;font-size:15px;}
#ad dd div {width:205px;height:37px;background:url(../images/zxbg.png) center center;line-height:37px;text-align:center;font-size:15px;color:#10479F;font-weight:bold;margin-top:0px;;margin-left:30px;float:right;margin-right:20px}

}

@media screen and  (max-width:700px){
	#i_pro_Lists li {width:calc(100vw / 3 - 1vw);float:left;margin:10px 0.5vw;text-align:center}
#i_pro_Lists li img {width:calc(100vw / 3 - 1vw);height:calc((100vw / 3 - 1vw) * 240 / 290)}
#i_pro_Lists li div {height:35px;line-height:35px;margin-top:10px}
#i_pro_Lists li span {display:block;height:calc((100vw / 3 - 1vw) * 240 / 290);overflow:hidden}

}

@media screen and  (max-width:500px) {
#i_pro_Lists li {width:45vw;float:left;margin:10px 2.5vw;text-align:center}
#i_pro_Lists li img {width:45vw;height:calc(45vw * 240 / 290)}
#i_pro_Lists li div {height:90px;line-height:35px;margin-top:0px}
#i_pro_Lists li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}
}

.i_b_title4{width:100%;text-align:center;margin:20px auto;font-size:35px;color:#ECBE68}

#i_newlist {width:100%;margin:0 auto;overflow:hidden}
#i_newlist li {width:90%;float:left;margin:20px 0px;}
#i_newlist dt {height:45px;line-height:45px;border-bottom:1px solid #DDD;}
#i_newlist dt span {color:#4E5B88;font-size:18px;font-weight:bold;}
#i_newlist dt font {color:#666;text-transform:uppercase;marig n-left:5px;font-size:12px;}
#i_newlist dt a {float:right}
#i_newlist dd {height:70px;line-height:20px;overflow:hidden; border-left:3px solid #ffc000; padding-left:10px; margin-bottom:20px; margin-top:20px;}
#i_newlist p{ margin-top:10px; font-size:14px; color:#999;}
#i_newlist dd span {float:right;color:#999; font-size:12px;}
#i_newlist dd a{ font-size:16px; font-weight:bold; color:#3f3f3f}
@media screen and  (max-width:1024px) {
.i_b_title4{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#ECBE68}
#i_newlist {width:96vw;}
#i_newlist li {width:31vw;margin:10px 0.5vw;float:left}

}
@media screen and  (max-width:992px) {
.i_b_title4{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#ECBE68}
#i_newlist {width:96vw;}
#i_newlist li {width:30vw;margin:10px 1vw;float:left}

}

@media screen and  (max-width:766px) {
.i_b_title4{width:100%;text-align:center;margin:10px auto;font-size:25px;color:#ECBE68}
#i_newlist {width:96vw;}
#i_newlist li {width:96vw;margin:10px 0}

}
#links {width:1160px;margin:10px auto;overflow:hidden;line-height:2em;}
#links span {font-size:16px;font-weight:bold;color:#00A9EF}
#links a:link,#links a:visited {margin:0 5px;}
@media screen and  (max-width:1024px) {
	#links {width:98vw;margin:0 auto}
}
#bottom {width:100%;padding:40px 0 80px;background-color:#3c4b5a;margin:20px auto 0 auto}
#footer {width:1200px;margin:0 auto;overflow:hidden}
#footer ul {width:150px;float:left}
#footer ul h3 {font-weight:normal;font-size:16px;}
#footer ul a:link,#footer ul a:visited {color:#FFF;}
#footer ul a:hover,#footer ul a:active {color:#00FFF7;text-decoration:underline}
#footer dt {width:1050px;float:left}
#footer dd {width:140px;float:right;padding-top:25px}
#footer div span {
    display: block;
    width: 400px;
    padding-left: 25px;
    overflow: hidden;
    /* background: url(../images/tell.png) no-repeat left center; */
    font-size: 16px;
    color: #FFF;
    line-height: 1.5em;
    margin: 0px 0;
    margin-top: -22px;}
#footer div font {font-size:14px;color:#FFF;line-height:1.5em;}
#footer div span img {float:right;margin-right:20px}
@media screen and  (max-width:1024px) {
#footer {width:100vw;overflow:hidden}
#footer ul {width:10vw;float:left;text-align:center}
#footer ul h3 {font-size:14px}
#footer dt {width:calc(100vw - 180px);float:left}
#footer dd {width:180px;float:right;padding-top:25px}

#footer div {width:calc(59vw - 180px);overflow:hidden}
#footer div span {width:calc(59vw - 220px)}
#footer div font  {font-size:14px}
}
@media screen and  (max-width:992px) {
#footer  {width:100vw;overflow:hidden}
#footer ul {width:25vw;text-align:center;float:left}
#footer div {float:none;width:100vw;margin:0}
#footer div span {width:calc(98vw - 50px);padding:2vw 2vw 2vw 50px}
#footer dt {width:100vw}

#footer dd {width:100vw;float:none;padding-top:25px;text-align:center}
#footer div font {display:block;margin:0 2vw;font-size:14px}
}
@media screen and  (max-width:766px) {
#footer  {width:100%;overflow:hidden}
#footer ul {width:50vw;text-align:center;float:left}
#footer div {float:none;width:100vw;margin:0}
#footer div span {width:calc(98vw - 50px);padding:2vw 2vw 2vw 50px}
#footer dt {width:100vw}

#footer dd {width:100vw;float:none;padding-top:25px;text-align:center}
#footer div font {display:block;margin:0 2vw;font-size:14px}
}



#location {width:1170px;margin:10px auto;background:#f9f9f9 url(../images/location.png) no-repeat 10px center;padding-left:30px;height:50px;line-height:50px;overflow:hidden}
#location dt {width:700px;float:left}
.mysearch {width:300px;float:right;padding-top:8px;;margin-right:10px}
.sipt {width:200px;height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}

#mybody {width:1300px;margin:0 auto;overflow:hidden;    min-height: 500px;}

#myright {width:1040px;float:right; }
.l_title {height:78px;text-align:center;font-size:18px;color:#FFF;background:#475f8f;overflow:hidden}

#myleft {    width: 240px;
    float: left;
    margin-top: -78px;border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	overflow:hidden;
    z-index: 99999999;
    position: absolute;}
#myleft .l_title span {display: block;
    margin: 5px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 24px !important;
    padding: 0 10px;
    text-transform: uppercase;}
#myleft .l_title span font {font-size:14px;margin-left:5px}
#lxinfo {padding:10px;line-height:2.25em;border:1px solid #E5E5E5;}
#lxinfo img {margin-bottom:-5px}
#left_Nav {width:calc(100% - 2px);border:1px solid #E5E5E5;}
#left_Nav dt {height:60px;line-height:60px;text-align:center ;font-size:16px;border-bottom:1px solid #E5E5E5;margin:0 0px;font-weight:bold;color:#666;}
#left_Nav dt.ondt {background:#7fa7dd;}
#left_Nav dt a:link,#left_Nav dt a:visited {display:block;color:#666;line-height:60px}
#left_Nav dd {border-bottom:1px solid #E5E5E5;}
#left_Nav dd a {display:block;height:40px;line-height:40px;text-align:center;;}
#left_Nav dd a:hover,#left_Nav dd a:active,#left_Nav dd a.l2on:link,#left_Nav dd a.l2on:visited {background:#00A0E9;color:#FFF;}
#left_Nav dt.ondt a:link,#left_Nav dt.ondt a:visited{color:#fff}
#left_Nav dt span {display:none}


#mr_prolist li:hover {box-shadow: 0 0 8px 2px #eee;}
#mr_prolist {width:100%;margin:30px auto;overflow:hidden}
#mr_prolist li {width:242px;float:left;margin:8px;text-align:center}
#mr_prolist li span {display:block;height:200px;overflow:hidden}
#mr_prolist li span  img {transition: all 0.6s;-ms-transition: all 0.8s;}
#mr_prolist li span img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

#mr_prolist li div {height:45px;line-height:45px;background:#F5F5F5}
#mr_prolist li a:link,#mr_prolist li  a:visited{color:#3c4b5a;display:block;}
#mr_prolist li a:hover,#mr_prolist li  a:active{color:#FFF;}
#mr_prolist li:hover a div {background:#6389be}
#mypage {width:100%;margin:50px auto;text-align:center}
#mypage a:link,#mypage a:visited,#mypage span,#mypage font {padding:4px 10px;border:1px solid #CCCCCC;margin:0 5px;color:#999;border-radius:2px}
#mypage a:hover,#mypage a:active,#mypage span{color:#FFF;border:1px solid #2DB7F5;background:#2DB7F5}
#xgPro {border:1px solid #E5E5E5;text-align:center;;margin:0 auto;}
#xgPro li {text-align:center;border:1px solid #DDD;margin:8px auto;width:222px;}
#xgPro li div {height:40px;line-height:40px;border-top:1px solid #DDD}
#xgPro li:hover {border-color:#0084B9}
@media screen and  (max-width:1024px) {
#location {width:calc(100vw - 30px);margin:10px auto;background:#f9f9f9 url(../images/location.png) no-repeat 10px center;padding-left:30px;height:50px;line-height:50px;overflow:hidden}
#location dt {width:calc(100vw - 340px);float:left}
.mysearch {width:300px;float:right;padding-top:8px;;margin-right:10px}
#mybody {width:100vw;}
#myright {width:calc(100vw - 240px)}
#mr_prolist li {width:calc((100vw - 260px) / 3 - 16px);overflow:hidden}
#mr_prolist li span {height:calc((((100vw - 260px) / 3 - 16px) * 240) / 290)}
#mr_prolist li span  img {width:calc((100vw - 260px) / 3 - 16px);height:calc((((100vw - 260px) / 3 - 16px) * 240) / 290)}
#mr_prolist li div {height:40px;line-height:40px;background:#F5F5F5;margin-top:10px}
}
@media screen and  (max-width:992px) {
#location {width:100vw;font-size:12px;height:35px;line-height:35px;padding:0;background:none;height:auto;overflow:hidden;margin:10px 0}
#location dt {width:calc(100vw - 30px);float:none;padding-left:30px;background:#f9f9f9 url(../images/location.png) no-repeat 10px center;}
.mysearch {width:96vw;float:none;padding-top:8px;;margin:0 auto}
.sipt {width:calc(96vw - 100px);height:30px;line-height:30px;border:1px solid #DDD;background:url(../images/sbg.jpg) no-repeat 5px center;padding-left:30px;color:#666;outline:none}
.sbtn {width:60px;float:right;background:#308AC9;height:32px;line-height:30px;color:#FFF;border:1px solid #DDD;}
#mybody,#myleft,#myright {width:100vw;}
.l_title,#lxinfo {display:none}
#xgPro {display:none}

#left_Nav {width:100vw;list-style-type:none;  display:flex;  justify-content: center;margin-bottom:20px;height:60px}
#left_Nav img {
    display:none;
}
#left_Nav dt {height:50px;line-height:50px;text-align:center;margin:5px 0;padding:0 10px;background:#FFF;font-size:12px;border:0;border-bottom:1px solid #ddd;margin:0 5px;font-weight:bold;padding-right:30px;}
#left_Nav dt a:link,#left_Nav dt a:visited {display:Inline ;color:#666;line-height:60px}
#left_Nav dt span {display:inline;margin-left:15px}
#left_Nav dd {display:block;position:absolute;background:#FFF;left:0;margin-top:50px;width:96vw;margin-left:2vw;display:none;z-index:1000}
#mr_prolist li {width:24vw;float:left;margin:8px 0.5vw;text-align:center}
#mr_prolist li span  img {width:24vw;height:calc(24vw * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:10px;}
#mr_prolist li span {display:block;height:calc(24vw * 240 / 290);overflow:hidden}

}
@media screen and  (max-width:700px) {
#mr_prolist li {width:calc(100vw / 3 - 1vw);float:left;margin:8px 0.5vw;text-align:center}
#mr_prolist li span  img {width:calc(100vw / 3 - 1vw);height:calc((100vw / 3 - 1vw) * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:10px;}
#mr_prolist li span {display:block;height:calc((100vw / 3 - 1vw) * 240 / 290);overflow:hidden}

}
@media screen and  (max-width:500px) {
#mybody,#myleft,#myright {width:100vw;}
.l_title,#lxinfo {display:none}
#xgPro {display:none}

#left_Nav {width:100vw;list-style-type:none;  justify-content: center;margin-bottom:20px;height:60px}
#left_Nav dt {height:50px;line-height:50px;text-align:center;margin:5px 0;padding:0 10px;background:#FFF;font-size:12px;border:0;border-bottom:0px solid #ddd;margin:0 5px;font-weight:bold}
#left_Nav dd {display:block;position:absolute;background:#FFF;left:0;margin-top:50px;width:96vw;margin-left:2vw;display:none}
#mr_prolist li {width:45vw;float:left;margin:8px 2.5vw;text-align:center}
#mr_prolist li span  img {width:45vw;height:calc(45vw * 240 / 290)}
#mr_prolist li div {height:35px;line-height:35px;margin-top:0px;}
#mr_prolist li span {display:block;height:calc(45vw * 240 / 290);overflow:hidden}

}

#mr_newlist {width:920px;margin-left:20px;overflow:hidden}
#mr_newlist li {height:70px;line-height:70px;border-bottom:1px dashed #DDD;padding:0 10px;}
#mr_newlist li  span{float:right;color:#999}
#mr_newlist li a:link,#mr_newlist li a:visited{background:url(../images/li.png) no-repeat left center;padding-left:15px;display:block;width:calc(100%-100px);overflow:hidden;height:70px;line-height:70px}
#mr_newlist li a:hover,#mr_newlist li a:active{background:url(../images/li_hover.png) no-repeat left center;padding-left:15px}
#proinfo ,#newBody {width: 980px;    margin-left: 40px;overflow:hidden}
#newBody h1 {text-align:center;height:50px;line-height:50px;margin:10px auto;height:auto;font-size:24px}
#n_body {margin:10px auto;line-height:2em;min-height:500px;}
#n_page {line-height: 2em;
    border-bottom: 1px solid #eee;
    display: block;
    width: 90%;
    padding: 10px 30px;
    height: 40px;
    margin: 0 auto; font-size:16px; color:#999;}
#n_info {text-align:center;color:#666;border-top:1px dashed #DDD;height:40px;line-height:40px;font-size:12px}
#proinfo dt {width:362px;float:left}
#proinfo dt img {border:1px solid #DDD;}
#proinfo dd {width:540px;float:right} 
#proinfo dd h2 {font-size:20px;font-weight:bold;margin:5px 0;color:#00A0E9}
#proinfo dd span {display:block;color:#666;font-size:12px;padding:5px 0}
#proinfo dd font {display:block;line-height:2em;/*min-height:238px*/}
.bigimg {height:265px;}
#proinfo dd label {display:block;height:50px;margin-top:16px;}
#proinfo dd label a:link,#proinfo dd label a:visited {padding:12px 40px;background:#00A0E9;color:#FFF;}
#cpjs,#xgxw {width:900px;margin:10px 0 10px 20px;overflow:hidden;height:40px;line-height:40px;background:#F0F0F0 url(../images/bar_line2.png) no-repeat 10px center;border-bottom:2px solid #00A0E9;padding-left:20px;font-size:18px;color:#00A0E9}
#cpinfo {padding:10px 0;line-height:2em;width:100%;overflow:hidden}
#xgNews {width:900px;margin:10px 0 10px 20px;overflow:hidden;;}
#xgNews li {width:440px;float:left;height:50px;line-height:50px;border-bottom:1px dashed #E5e5e5;overflow:hidden;margin:0 5px}
#xgNews li span {font-size:12px}

@media screen and  (max-width:1024px) {
	#mr_newlist {width:calc(100vw - 260px)}
	#proinfo,#newBody   {width:calc(100vw - 260px);margin-left:20px}
	#xgNews {width:calc(100vw - 260px);}
	#xgNews li {width:calc((100vw - 260px) / 2 - 10px)}
	#proinfo dd {width:calc(100vw - 640px)}
	#cpinfo {width:calc(100vw - 260px)}
}

@media screen and  (max-width:992px) {
#mr_newlist  {width:100vw;margin:0}
#proinfo,#newBody   {width: 96%;    margin: 0 auto;}
#newBody h1 {text-align:center;height:50px;line-height:50px;margin:10px auto; height:auto; font-size:16px}
#n_body {margin:10px 1vw;line-height:2em;min-height:300px;}
#n_page {
    line-height: 2em;
    border-bottom: 0px solid #eee;
    display: block;
    width: 90%;
    padding: 10px 30px;
    height: 70px;
    margin: 0 auto;
    font-size: 16px;
    color: #999;
}
#proinfo dt {width:96vw;float:none;margin:0 auto}
#proinfo dt img {width:100%;height:auto}
#proinfo dd {width:96vw;float:none;margin:0 auto}
#cpjs,#xgxw {width:96vw;margin:0 auto}
#cpinfo {width:96vw;margin:0 auto;}
#xgNews {width:96vw;margin:10px auto;overflow:hidden}
#xgNews li {width:46vw;float:left;height:40px;line-height:40px;border-bottom:1px dashed #E5E5E5;overflow:hidden;margin:0 1vw}
#proinfo dd font {mini-height:0}

}


@media screen and  (max-width:500px) {
#mr_newlist  {width:100vw;margin:0}
#proinfo  {width:100vw;margin:0}
#proinfo dt {width:96vw;float:none;margin:0 auto}
#proinfo dt img {width:100%;height:auto}
#proinfo dd {width:96vw;float:none;margin:0 auto}
#cpjs,#xgxw {width:96vw;margin:0 auto}
#cpinfo {width:96vw;margin:0 auto;}
#xgNews {width:96vw;margin:10px auto;overflow:hidden}
#xgNews li {width:96vw;float:none;height:40px;line-height:40px;border-bottom:1px dashed #E5E5E5;overflow:hidden;margin:0 auto}
}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;margin-top:10px;}
ul#thumblist li{float:left;margin:0 4px;list-style:none;}
ul#thumblist li img {width:78.5px;;height:50px}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{ border:1px solid red;}
.jqzoom{	text-decoration:none;float:left;}
@media screen and  (max-width:992px) {
.jqzoom{	text-decoration:none;float:none;}
#content {width:100%;}
.jqzoom img {width:100%;}
ul#thumblist li{float:left;margin:calc(1vw - 2px);list-style:none;}
ul#thumblist li img {width:22vw;height:calc(22vw * 50 / 80)}
#nav .nav-main {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.ywfw {
    width: 100%;
    margin: 20px auto;
}
.w188 {
    width: 100%;
    margin: 0 auto;
}
.botthang {
    width: 100%;
    margin: 30px auto;
}
.footerbq-main {
    width: 100%;
    margin: 0 auto;
    color: #9ca4ac;
    font-size: 14px;
}

.p188 .main188 .con188 .pro188 .hd188 {
    width: 100px;
    top: -325px;
    margin-left:-210px; 
    position: relative;
    padding-bottom: 80px;
    z-index: 9999999999999;
}
#nav .nav-main label {
    width: 96%;
    float: left;
    display: block;
    padding: 10px;
}
.ywfw ul li {
    float: left;
    text-align: center;
    width: 33%;
    margin-bottom: 20px;
}
.ywfw-main {
    width: 100%;
    float: left;
    margin-bottom: 00px;
}
.pro-tit {
    margin-top: 20px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #737d88;
}
.p188 .main188 .con188 .pro188 .hd188 .next {
    position: absolute;
    right: -520px;
    top: -0px;
    display: block;
    width: 72px;
    height: 32px;
    background-position: -80px -0px;
    cursor: pointer;
}
.indpro {
    width: 100%;
    margin: 0 auto;
    float: left;
    height: 460px;
    background: url(../images/indprob.jpg) top center no-repeat;
}
.indexabtit{margin-left:10px; font-size:26px !important; line-height:20px; font-weight:bold;margin-top: 40px; color:#3c4b5a;border-bottom:1px solid #d7dbe0;}
#ad {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    background: #f1f1f1;
}
.nav-tel {
    width: 400px;
    float: right;
    margin-top: 5px;
    color: #ffc000;
    font-size: 28px;
    display: none;
    font-weight: bold;
    text-align: right;
}
#nav {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #E0E0E0;
    background: rgba(39,48,58,0.7);
   height: 70px;
    position: absolute;
    z-index: 999999999999;
}
.shilitit {
    font-size: 18px;
    color: #ffc000;
    line-height: 20px !important;
    padding-top: 10px;
}
.shilitit p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.bottright {
    width: 100%;
    float: left;
}
.bottleft {
    width: 100%;
    float: left;
}
.bottleft {
    width: 100%;
    float: left;
}
.game163 .bigImg li img {
    width: 100%;
    height: 300px;
}

.ecase292 .slidebanner .bigImg li .img {
   width: 100%;
    height: 300px;
}
.ecase292 .slidebanner .bigImg {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 300px;
}
#snext {
    position: absolute;
    margin-left: 315px;
}
.ecase292 .slidebanner .smallimg {
    width: 350px;
    position: relative;
    overflow: hidden;
    height: 126px;
}
.ecase292 .slidebanner .smallimg ul li {
    float: left;
    width: 160px !important;
    height: 126px;
    display: block;
    margin-right: 18px;
    cursor: pointer;
    position: relative;
}
.ecase292 .ec292 {
    position: relative;
    height: 450px;
}
.footerweima {
    float: right;
    width: 12%;
    display: none;
    text-align: right;
}

#footer div span {
    width: 90%;
    padding: 0vw 2vw 0vw 28px;
}
#bottom {
    width: 100%;
    padding: 30px 0 40px;
    background-color: #3c4b5a;
    margin: 20px auto 0 auto;
}
.ywfw ul li img{width:80%}
.footnav {
    float: left;
    margin-top: 10px;
    display: none;
}
.indexabtitenxw {
    font-size: 20px;
    font-weight: bold;
    color: #f0f1f2;
    position: absolute;
    margin-top: -34px;
    margin-left: 120px;
}
#n_body img{ width:100%}
#myleft {
    width: 100%;
    float: left;
    margin-top: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
    z-index: 99999999;
    /* position: absolute; */
}
#banner{ width:100%; overflow: hidden;}
#banner img {
    height: 220px;
    width: 170%;
    margin-left: -37%;
}

.sbpiin img{width:100%}
}